/* xs */
@media screen and (max-width: 768px) {
  .sm-hide {
    display: none;
  }
  .sm-visible {
    display: block;
  }
  .sm-1 {
    width: 4.16666666667%;
  }
  .sm-2 {
    width: 8.33333333333%;
  }
  .sm-3 {
    width: 12.5%;
  }
  .sm-4 {
    width: 16.6666666667%;
  }
  .sm-5 {
    width: 20.8333333333%;
  }
  .sm-6 {
    width: 25%;
  }
  .sm-7 {
    width: 29.1666666667%;
  }
  .sm-8 {
    width: 33.333333333%;
  }
  .sm-9 {
    width: 37.5%;
  }
  .sm-10 {
    width: 41.66666666667%;
  }
  .sm-11 {
    width: 45.83333333333%;
  }
  .sm-12 {
    width: 50%;
  }
  .sm-13 {
    width: 54.16666666667%;
  }
  .sm-14 {
    width: 58.3333333333%;
  }
  .sm-15 {
    width: 62.5%;
  }
  .sm-16 {
    width: 66.666666666667%;
  }
  .sm-17 {
    width: 70.833333333333%;
  }
  .sm-18 {
    width: 75%;
  }
  .sm-19 {
    width: 79.16666666667%;
  }
  .sm-20 {
    width: 83.3333333333%;
  }
  .sm-21 {
    width: 87.5%;
  }
  .sm-22 {
    width: 91.666666666667;
  }
  .sm-23 {
    width: 95.83333333333%;
  }
  .sm-24 {
    width: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  .md-hide {
    display: none;
  }
  .md-visible {
    display: block;
  }
  .md-1 {
    width: 4.16666666667%;
  }
  .md-2 {
    width: 8.33333333333%;
  }
  .md-3 {
    width: 12.5%;
  }
  .md-4 {
    width: 16.6666666667%;
  }
  .md-5 {
    width: 20.8333333333%;
  }
  .md-6 {
    width: 25%;
  }
  .md-7 {
    width: 29.1666666667%;
  }
  .md-8 {
    width: 33.333333333%;
  }
  .md-9 {
    width: 37.5%;
  }
  .md-10 {
    width: 41.66666666667%;
  }
  .md-11 {
    width: 45.83333333333%;
  }
  .md-12 {
    width: 50%;
  }
  .md-13 {
    width: 54.16666666667%;
  }
  .md-14 {
    width: 58.3333333333%;
  }
  .md-15 {
    width: 62.5%;
  }
  .md-16 {
    width: 66.666666666667%;
  }
  .md-17 {
    width: 70.833333333333%;
  }
  .md-18 {
    width: 75%;
  }
  .md-19 {
    width: 79.16666666667%;
  }
  .md-20 {
    width: 83.3333333333%;
  }
  .md-21 {
    width: 87.5%;
  }
  .md-22 {
    width: 91.666666666667;
  }
  .md-23 {
    width: 95.83333333333%;
  }
  .md-24 {
    width: 100%;
  }
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .lg-hide {
    display: none;
  }
  .lg-visible {
    display: block;
  }
  .lg-1 {
    width: 4.16666666667%;
  }
  .lg-2 {
    width: 8.33333333333%;
  }
  .lg-3 {
    width: 12.5%;
  }
  .lg-4 {
    width: 16.6666666667%;
  }
  .lg-5 {
    width: 20.8333333333%;
  }
  .lg-6 {
    width: 25%;
  }
  .lg-7 {
    width: 29.1666666667%;
  }
  .lg-8 {
    width: 33.333333333%;
  }
  .lg-9 {
    width: 37.5%;
  }
  .lg-10 {
    width: 41.66666666667%;
  }
  .lg-11 {
    width: 45.83333333333%;
  }
  .lg-12 {
    width: 50%;
  }
  .lg-13 {
    width: 54.16666666667%;
  }
  .lg-14 {
    width: 58.3333333333%;
  }
  .lg-15 {
    width: 62.5%;
  }
  .lg-16 {
    width: 66.666666666667%;
  }
  .lg-17 {
    width: 70.833333333333%;
  }
  .lg-18 {
    width: 75%;
  }
  .lg-19 {
    width: 79.16666666667%;
  }
  .lg-20 {
    width: 83.3333333333%;
  }
  .lg-21 {
    width: 87.5%;
  }
  .lg-22 {
    width: 91.666666666667;
  }
  .lg-23 {
    width: 95.83333333333%;
  }
  .lg-24 {
    width: 100%;
  }
}
@media screen and (min-width: 1200px) {
  .xl-hide {
    display: none;
  }
  .xl-visible {
    display: block;
  }
  .xl-1 {
    width: 4.16666666667%;
  }
  .xl-2 {
    width: 8.33333333333%;
  }
  .xl-3 {
    width: 12.5%;
  }
  .xl-4 {
    width: 16.6666666667%;
  }
  .xl-5 {
    width: 20.8333333333%;
  }
  .xl-6 {
    width: 25%;
  }
  .xl-7 {
    width: 29.1666666667%;
  }
  .xl-8 {
    width: 33.333333333%;
  }
  .xl-9 {
    width: 37.5%;
  }
  .xl-10 {
    width: 41.66666666667%;
  }
  .xl-11 {
    width: 45.83333333333%;
  }
  .xl-12 {
    width: 50%;
  }
  .xl-13 {
    width: 54.16666666667%;
  }
  .xl-14 {
    width: 58.3333333333%;
  }
  .xl-15 {
    width: 62.5%;
  }
  .xl-16 {
    width: 66.666666666667%;
  }
  .xl-17 {
    width: 70.833333333333%;
  }
  .xl-18 {
    width: 75%;
  }
  .xl-19 {
    width: 79.16666666667%;
  }
  .xl-20 {
    width: 83.3333333333%;
  }
  .xl-21 {
    width: 87.5%;
  }
  .xl-22 {
    width: 91.666666666667;
  }
  .xl-23 {
    width: 95.83333333333%;
  }
  .xl-24 {
    width: 100%;
  }
}
/* xxl */
.row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
